{% extends "base.html" %}
{% block title %}有容论坛模板{% endblock %}

{% block styles %}
{{ super() }}

<!-- 从新封装后的带过期时间处理的cache处理方法，依赖localforage.js -->
<script src="/static/js/localcache.js"></script>

<!-- 用户数据处理JS，依赖localcache.js -->
<script src="/static/js/user_data.js"></script>
<!-- SSE 消息接收 -->
<script src="/static/js/sse.js"></script>
<script src="/static/js/sse_manage.js"></script>

<style>
    .avatar {
        width: 48px;
        height: 48px;
        border-radius: 50%;
        margin: 0 auto;
    }

    .connection-status {
        display: inline-block;
        padding: 2px 5px;
        font-size: 12px;
        border-radius: 3px;
    }
    .connection-status.connected { background-color: #4CAF50; color: white; }
    .connection-status.connecting, .connection-status.reconnecting { background-color: #FFC107; }
    .connection-status.closed, .connection-status.failed { background-color: #F44336; color: white; }
</style>

{% endblock %}

{% block content %}

<!-- 导入导航栏 -->
{% include "bbs/macros-nav.html" %}

{% endblock %}

{% block scripts %}
{{ super() }}

{% endblock %}